import React from 'react'
import { Image } from '@tarojs/components'
import { Cell } from '@nutui/nutui-react-taro'
import AppHeader from '../../../../components/app-header/AppHeader'
import './ErrDetail.scss'

export default function ErrDetail() {
    return (
        <>
            <AppHeader title='异常详情' top='true'></AppHeader>
            <Image className='cattle-img'></Image>
            <Cell
                title={
                    <div style={{ display: 'flex', alignItems: 'flex-end' }}>
                        <span style={{ fontWeight: 'bold', fontSize: '33rpx' }}>我是标题</span>
                    </div>
                }
                extra={
                    <div style={{ display: 'flex', alignItems: 'center', fontSize: '24rpx' }}>
                        2024-01-20 20:20:20
                    </div>
                }
                className='cell'
            />
            {/* 设备信息 */}
            <Cell
                title={
                    <div style={{ display: 'flex', alignItems: 'flex-end' }}>
                        <span style={{ fontWeight: '400' }}>设备信息</span>
                    </div>
                }
                className='err-cell cell'
                radius={0}
            />
            <Cell
                title={
                    <div style={{ display: 'flex', alignItems: 'flex-end' }}>
                        <span style={{ fontWeight: '400', fontSize: '24rpx' }}>设备信息</span>
                    </div>
                }
                extra={
                    <div style={{ display: 'flex', alignItems: 'center', fontSize: '24rpx' }}>
                        2024-01-20 20:20:20
                    </div>
                }
                className='cell'
                radius={0}
            />
            {/* 牲畜信息 */}
            <Cell
                title={
                    <div style={{ display: 'flex', alignItems: 'flex-end' }}>
                        <span style={{ fontWeight: '400' }}>牲畜信息</span>
                    </div>
                }
                className='err-cell cell'
                radius={0}
            />
            <Cell
                title={
                    <div style={{ display: 'flex', alignItems: 'flex-end' }}>
                        <span style={{ fontWeight: '400', fontSize: '24rpx' }}>设备信息</span>
                    </div>
                }
                extra={
                    <div style={{ display: 'flex', alignItems: 'center', fontSize: '24rpx' }}>
                        xxx
                    </div>
                }
                className='cell'
                radius={0}
            />

        </>
    )
}
